<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>电器 - 冰箱</title>
    <link rel="stylesheet" href="./css/animate.css"/>
    <link rel="stylesheet" href="./css/font-awesome.min.css"/>
    <link rel="stylesheet" href="./css/flexslider.css"/>
    <link rel="stylesheet" href="./css/base.css"/>
</head>
<body>

<!-- header 顶部 -->
<header>
    <a href="./"><img src="./images/logo.png" alt=""/>淘划算 - 未来商店</a>
    <span class="right">
        <form>
            <input type="text" class="headInput" placeholder="输入商品名称"/><input type="button" class="headBtn" value="搜索"/>
        </form>
    </span>
</header>


<div class="road">
    <a href="javascript:history.back(-1)"><i class="fa fa-angle-left"></i></a>
    电器 > 冰箱
    <hr/>
</div>

<!-- menu 菜单 -->
<menu>
    <li class="active"><a href="#">冰箱</a></li>
    <li><a href="#">洗衣机</a></li>
    <li><a href="#">电视</a></li>
    <li><a href="#">热水器</a></li>
    <li><a href="#">酸奶机</a></li>
    <li><a href="#">烤箱</a></li>
</menu>

<!-- slider 轮播图片 -->
<div class="flexslider">
    <ul class="slides">
        <li>
            <img src="./images/s1.jpg" />
        </li>
        <li>
            <img src="./images/s2.jpg" />
        </li>
    </ul>
</div>


<!-- 商品列表 促销打折 -->
<div class="goodList">
    <div class="title">
        <img src="./images/icon1.jpg" />促销打折 <a href="javascript:;" class="more">更多</a>
    </div>
    <ul>
        <li class="goodItem">
            <a href="#">
                <img src="./images/pic1.jpg" alt="商品名称"/>
                <p><span>限量/单件包邮 格子背心连衣裙</span><b>￥1199</b><del>原价：￥3999</del></p>
            </a>
        </li>

        <li class="goodItem">
            <a href="#">
                <img src="./images/pic1.jpg" alt="商品名称"/>
                <p><span>限量/单件包邮 格子背心连衣裙</span><b>￥1199</b><del>原价：￥3999</del></p>
            </a>
        </li>

        <li class="goodItem">
            <a href="#">
                <img src="./images/pic1.jpg" alt="商品名称"/>
                <p><span>限量/单件包邮 格子背心连衣裙</span><b>￥1199</b><del>原价：￥3999</del></p>
            </a>
        </li>
        <li class="goodItem">
            <a href="#">
                <img src="./images/pic1.jpg" alt="商品名称"/>
                <p><span>限量/单件包邮 格子背心连衣裙</span><b>￥1199</b><del>原价：￥3999</del></p>
            </a>
        </li>
    </ul>
</div>



<!-- 新品上市 促销打折 -->
<div class="goodList">
    <div class="title">
        <img src="./images/icon2.jpg" />新品上市 <a href="javascript:;" class="more">更多</a>
    </div>
    <ul>
        <li class="goodItem">
            <a href="#">
                <img src="./images/pic1.jpg" alt="商品名称"/>
                <p><span>限量/单件包邮 格子背心连衣裙</span><b>￥1199</b><del>原价：￥3999</del></p>
            </a>
        </li>

        <li class="goodItem">
            <a href="#">
                <img src="./images/pic1.jpg" alt="商品名称"/>
                <p><span>限量/单件包邮 格子背心连衣裙</span><b>￥1199</b><del>原价：￥3999</del></p>
            </a>
        </li>

        <li class="goodItem">
            <a href="#">
                <img src="./images/pic1.jpg" alt="商品名称"/>
                <p><span>限量/单件包邮 格子背心连衣裙</span><b>￥1199</b><del>原价：￥3999</del></p>
            </a>
        </li>

        <li class="goodItem">
            <a href="#">
                <img src="./images/pic1.jpg" alt="商品名称"/>
                <p><span>限量/单件包邮 格子背心连衣裙</span><b>￥1199</b><del>原价：￥3999</del></p>
            </a>
        </li>
    </ul>
</div>

<script src="./js/jquery.min.js"></script>
<script src="./js/jquery.flexslider-min.js"></script>
<script src="./js/custom.js"></script>
<script>
    $(document).ready(function(){
        $(".flexslider").flexslider({
            slideshowSpeed: 4000, //展示时间间隔ms
            animationSpeed: 400, //滚动时间ms
            touch: true //是否支持触屏滑动
        });

    })

</script>
</body>
</html>